<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>table</title>
</head>
<body>
    <!-- table 标签 width height cellspacing 单元格之间的距离 border 边框宽度 -->
        <!-- tr 一行 -->
        <!-- td 一列 -->
        <!-- th 特殊的一列 会加粗显示 -->
    <table width="400" cellspacing="5" border="2" height="200">
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        <tr>
            <td>1</td>
            <td>张魁</td>
            <td>20</td>
            <td>男</td>
        </tr>
        <tr>
            <td>2</td>
            <td>
                <img src="../images/001.jpg" alt="" width="100">
            </td>
            <td>25</td>
            <td>男</td>
        </tr>
        <!-- colspan 合并列 rowspan 合并行 -->
        <tr>
            <td colspan="2" rowspan="2">合计：</td>
            <td colspan="2">hhhh</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
    </table>
    
</body>
</html>